<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:cgf="http://www.centralgold.com.br/facelets"
    template="/layout/template.xhtml">

<ui:define name="body">

    <h:form id="aluguelForm">

        <rich:panel>
            <f:facet name="header">Registrar Aluguel</f:facet>
			
			<rich:tabPanel id="tabGeral" switchType="server" selectedTab="#{cadastrarAluguel.selectedTab}">
				<rich:tab label="1. Dados do veículo" id="tabDadosVeiculo">
					<h:panelGrid columns="1">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Veículo:</ui:define>
							<h:inputText value="#{cadastrarAluguel.automovelSelecionado.marca}/#{cadastrarAluguel.automovelSelecionado.modelo}" 
								readonly="true"
								required="true"/>
							<a:commandButton value="Selecionar" ajaxSingle="true"
								onclick="#{rich:component('modalPesqAutomovel')}.show()"
								reRender="pesqFrotaForm"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Placa:</ui:define>
							<h:inputText value="#{cadastrarAluguel.automovelSelecionado.placa}" 
								converter="placaConverter"
								readonly="true"
								required="true"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Km de saída:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.kmSaida}" 
								maxlength="8"
								required="true"
								size="10"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml" rendered="#{cadastrarAluguel.finalizacao}">
							<ui:define name="label">Km de retorno:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.kmRetorno}" 
								maxlength="8"
								required="true"
								size="10"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"/>
						</s:decorate>
					</h:panelGrid>
					<br/>
					<div class="actionButtons">
			            <a:commandButton value="Próximo" action="#{cadastrarAluguel.mudarAba('tabDadosCliente')}"
			            	reRender="tabGeral"/>
			        </div>
				</rich:tab>
				
				<rich:tab label="2. Dados do cliente" id="tabDadosCliente">
					<h:panelGrid columns="2">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Cliente:</ui:define>
							<h:inputText value="#{cadastrarAluguel.clienteSelecionado.nome}" 
								readonly="true"
								required="true"/>
							<a:commandButton value="Selecionar" ajaxSingle="true"
								onclick="#{rich:component('modalPesqCliente')}.show()"
								reRender="pesqClienteForm"/>
						</s:decorate>
						
						<a:region rendered="#{cadastrarAluguel.clienteSelecionado.fotoNome != null}">
							<s:graphicImage value="#{cadastrarAluguel.recuperaFoto(cadastrarAluguel.clienteSelecionado.fotoUrl)}"
								height="80px"
								width="60px"/>
						</a:region>
						
						<a:region>
							<s:decorate template="/layout/edit.xhtml">
								<ui:define name="label">Próprio condutor?</ui:define>
								<h:selectOneRadio value="#{cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<f:selectItem itemLabel="SIM" itemValue="true"/>
									<f:selectItem itemLabel="NÃO" itemValue="false"/>
									<a:support event="onchange" 
										reRender="aluguelForm"/>
								</h:selectOneRadio>
							</s:decorate>
						</a:region>
					</h:panelGrid>
					
					<s:fragment id="fragmentCondutor" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
						<fieldset>
							<legend>Dados do condutor</legend>
							<h:panelGrid columns="1">
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Nome do condutor:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.nomeCondutor}"
										maxlength="70"
										size="60" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">CPF:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.cpfCondutor}"
										maxlength="14"
										size="16" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"
										onkeydown="Mascara(this,Cpf)"
										onkeyup="Mascara(this,Cpf)"
										converter="conversorCPF"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Habilitação do condutor:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.habilitacaoCondutor}"
										maxlength="11"
										size="16" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Região:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.regiao}"
										maxlength="30"
										size="30" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Validade da habilitação:</ui:define>
									<rich:calendar value="#{cadastrarAluguel.aluguelEdicao.habilitacaoValidade}"
										datePattern="dd/MM/yyyy"
										inputSize="12"
										enableManualInput="true"
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"
										oninputkeydown="Mascara(this,Data)"
										oninputkeyup="Mascara(this,Data)"
										showWeekDaysBar="false"
										showWeeksBar="false"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Endereço:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.enderecoCondutor}"
										maxlength="70"
										size="60" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">País:</ui:define>
									<h:selectOneMenu value="#{cadastrarAluguel.idPaisCondutor}"
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
										<f:selectItems value="#{dominioController.listaPaises}"/>
									</h:selectOneMenu>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">UF:</ui:define>
									<h:selectOneMenu value="#{cadastrarAluguel.aluguelEdicao.siglaUfCondutor}"
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
										<f:selectItems value="#{dominioController.listaUfs}"/>
									</h:selectOneMenu>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Município:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.municipioCondutor}"
										maxlength="60"
										size="50" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Bairro:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.bairroCondutor}"
										maxlength="60"
										size="50" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Telefone:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.telefoneCondutor}"
										maxlength="14"
										size="16"
										onkeydown="Mascara(this,Telefone)"
										onkeyup="Mascara(this,Telefone)" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
								
								<s:decorate template="/layout/edit.xhtml" rendered="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}">
									<ui:define name="label">Celular:</ui:define>
									<h:inputText value="#{cadastrarAluguel.aluguelEdicao.celularCondutor}"
										maxlength="14"
										size="16"
										onkeydown="Mascara(this,Telefone)"
										onkeyup="Mascara(this,Telefone)" 
										required="#{!cadastrarAluguel.aluguelEdicao.flgProprioCondutor}"/>
								</s:decorate>
							</h:panelGrid>
						</fieldset>
					</s:fragment>
					<br/>
					<div class="actionButtons">
						<a:commandButton value="Voltar" action="#{cadastrarAluguel.mudarAba('tabDadosVeiculo')}"
			            	ajaxSingle="true"
			            	reRender="tabGeral"/>
			            <a:commandButton value="Próximo" action="#{cadastrarAluguel.mudarAba('tabDadosAluguel')}"
			            	reRender="tabGeral"/>
			        </div>
				</rich:tab>
				
				<rich:tab label="3. Dados do aluguel" id="tabDadosAluguel">
					<h:panelGrid columns="1">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Tabela de valor:</ui:define>
							<h:selectOneMenu value="#{cadastrarAluguel.idTabelaSelecionada}" 
								required="true" id="selectTabela"
								valueChangeListener="#{cadastrarAluguel.selecionaTabelaListener}">
								<f:selectItems value="#{cadastrarAluguel.listaTabelasValor}"/>
								<a:support event="onchange" ajaxSingle="true" 
									reRender="qtdeDiarias,valorUnitarioDiarias,descontoDiarias,diariasTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal,dataPrevistaRetorno"
									action="#{cadastrarAluguel.atualizaValoresDiaria()}"/>
							</h:selectOneMenu>
						</s:decorate>
						<a:region>
							<s:decorate template="/layout/edit.xhtml">
								<ui:define name="label">Data de saída:</ui:define>
								<rich:calendar value="#{cadastrarAluguel.aluguelEdicao.dataSaida}"
									datePattern="dd/MM/yyyy"
									enableManualInput="true"
									inputSize="12"
									required="true"
									oninputkeydown="Mascara(this,Data)"
									oninputkeyup="Mascara(this,Data)"
									showWeekDaysBar="false"
									showWeeksBar="false"/>
								<rich:spacer width="5px;" />
									
								<h:inputText value="#{cadastrarAluguel.aluguelEdicao.horaSaida}" 	
									maxlength="2"
									size="2"
									converter="conversorHora"
									onkeydown="Mascara(this,Integer)"
									onkeyup="Mascara(this,Integer)"
									required="true"/>:
								<h:inputText value="#{cadastrarAluguel.aluguelEdicao.minutoSaida}" 	
									maxlength="2"
									size="2"
									converter="conversorHora"
									onkeydown="Mascara(this,Integer)"
									onkeyup="Mascara(this,Integer)"
									required="true"/>
							</s:decorate>
						
							<s:decorate template="/layout/edit.xhtml">
								<ui:define name="label">Qtde de diarias:</ui:define>
								<h:inputText value="#{cadastrarAluguel.aluguelEdicao.totalDiarias}" 
									required="true"
									size="12"
									onkeydown="Mascara(this,Integer)"
									onkeyup="Mascara(this,Integer)">
									<a:support event="onblur"
										reRender="qtdeDiarias,valorUnitarioDiarias,descontoDiarias,diariasTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal,dataPrevistaRetorno"
										action="#{cadastrarAluguel.atualizaValoresDiaria()}"/>
								</h:inputText>
							</s:decorate>
						</a:region>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Data prevista para retorno:</ui:define>
							<rich:calendar value="#{cadastrarAluguel.aluguelEdicao.dataPrevistaEntrega}"
								id="dataPrevistaRetorno"
								datePattern="dd/MM/yyyy"
								enableManualInput="true"
								required="true"
								inputSize="12"
								oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)"
								showWeekDaysBar="false"
								showWeeksBar="false"/>
							<rich:spacer width="5px;" />	
								
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.horaPrevRetorno}" 	
								maxlength="2"
								size="2"
								converter="conversorHora"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								required="true"/>:
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.minutoPrevRetorno}" 	
								maxlength="2"
								size="2"
								converter="conversorHora"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								required="true"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml" rendered="#{cadastrarAluguel.finalizacao}">
							<ui:define name="label">Data de retorno:</ui:define>
							<rich:calendar value="#{cadastrarAluguel.aluguelEdicao.dataRetorno}"
								datePattern="dd/MM/yyyy"
								enableManualInput="true"
								required="true"
								inputSize="12"
								oninputkeydown="Mascara(this,Data)"
								oninputkeyup="Mascara(this,Data)"
								showWeekDaysBar="false"
								showWeeksBar="false"/>
								
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.horaRetorno}" 	
								maxlength="2"
								size="2"
								converter="conversorHora"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								required="true"/>:
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.minutoRetorno}" 	
								maxlength="2"
								size="2"
								converter="conversorHora"
								onkeydown="Mascara(this,Integer)"
								onkeyup="Mascara(this,Integer)"
								required="true"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Origem de Trafego e Território Permitido:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.origemCidadePermitida}" 
								maxlength="50"
								size="50"/>
							<h:selectOneMenu value="#{cadastrarAluguel.aluguelEdicao.origemUfPermitida}">
								<f:selectItems value="#{cadastrarAluguel.listaUfs}"/>
							</h:selectOneMenu>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Destino de Trafego e Território Permitido:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.destinoCidadePermitida}" 
								maxlength="50"
								size="50"/>
							<h:selectOneMenu value="#{cadastrarAluguel.aluguelEdicao.destinoUfPermitida}">
								<f:selectItems value="#{cadastrarAluguel.listaUfs}"/>
							</h:selectOneMenu>
						</s:decorate>
					</h:panelGrid>
					<br/>
					<div class="actionButtons">
						<a:commandButton value="Voltar" action="#{cadastrarAluguel.mudarAba('tabDadosCliente')}"
			            	ajaxSingle="true"
			            	reRender="tabGeral"/>
			            <a:commandButton value="Próximo" action="#{cadastrarAluguel.mudarAba('tabDadosProduto')}"
			            	reRender="tabGeral"/>
			        </div>
				</rich:tab>
				
				<rich:tab label="4. Produtos" id="tabDadosProduto">
					<rich:dataTable value="#{cadastrarAluguel.listaProdutos}"
						onRowMouseOver="this.style.backgroundColor='#6495ED'"
       					onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
						var="_prod">
						
						<rich:column>
							<f:facet name="header">Descrição</f:facet>
							<h:outputText value="#{_prod.produto.nome}" />
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Quantidade</f:facet>
							<h:outputText value="#{_prod.quantidade}" />
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Valor Unitário</f:facet>
							<h:outputText value="#{_prod.produto.valor}" converter="conversorMonetario"/>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Desconto</f:facet>
							<h:outputText value="R$" rendered="#{_prod.tipoDesconto == 2}"/>
							<rich:spacer width="5px"/>
							<h:outputText value="#{_prod.desconto}" converter="conversorMonetario"/>
							<h:outputText value="%" rendered="#{_prod.tipoDesconto == 1}"/>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Valor Total</f:facet>
							<h:outputText value="#{_prod.valorTotal}" converter="conversorMonetario"/>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Observações</f:facet>
							<h:outputText value="#{_prod.observacao}" />
						</rich:column>
						
						<rich:column>
							<f:facet name="header"></f:facet>
							<a:commandLink value="EDITAR" action="#{cadastrarAluguel.inicializaPopupEditarProduto(_prod)}" 
								oncomplete="#{rich:component('modalProduto')}.show()"
								reRender="novoProdutoForm"/>
							<rich:spacer width="5px"/>	
							<h:commandLink value="EXCLUIR" 
								action="#{cadastrarAluguel.excluirProduto(_prod)}" 
								onclick="javascript:if(!confirm('Tem certeza que deseja excluir?'))return false;"/>	
						</rich:column>
					</rich:dataTable>
					<br/>
					<div class="actionButtons">
						<a:commandButton value="NOVO PRODUTO"
							action="#{cadastrarAluguel.inicializaPopupNovoProduto()}"
							oncomplete="#{rich:component('modalProduto')}.show()"
							reRender="novoProdutoForm"/>
					</div>
					<br/>
					<div class="actionButtons">
						<a:commandButton value="Voltar" action="#{cadastrarAluguel.mudarAba('tabDadosAluguel')}"
			            	ajaxSingle="true"
			            	reRender="tabGeral"/>
			            <a:commandButton value="Próximo" action="#{cadastrarAluguel.mudarAba('tabDadosCobertura')}"
			            	reRender="tabGeral"/>
			        </div>
				</rich:tab>
				
				<rich:tab label="5. Proteção Extra" id="tabDadosCobertura">
					<h:panelGrid columns="1">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Cobertura danos ao Veiculo Locado com pequenos reparos:</ui:define>
							<h:inputText value="#{cadastrarAluguel.coberturaEdicao.pequenosReparos}" 
								maxlength="3"
								onkeydown="Mascara(this,Integer)"
								required="true"
								onkeyup="Mascara(this,Integer)"/>%
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Cobertura Furto e Roubo ao Veiculo Locado:</ui:define>
							<h:inputText value="#{cadastrarAluguel.coberturaEdicao.rouboFurto}" 
								maxlength="3"
								onkeydown="Mascara(this,Integer)"
								required="true"
								onkeyup="Mascara(this,Integer)"/>%
						</s:decorate>
						<ui:remove>
						<!-- 
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Cobertura Contra Terceiros:</ui:define>
							R$<h:inputText value="#{cadastrarAluguel.coberturaEdicao.terceiros}" 
								maxlength="10"
								converter="conversorMonetario"
								onkeydown="Mascara(this,Valor)"
								onkeyup="Mascara(this,Valor)"/>
						</s:decorate>
						 -->
						</ui:remove>
					</h:panelGrid>
					 
					<div class="actionButtons">
						<a:commandButton value="Voltar" action="#{cadastrarAluguel.mudarAba('tabDadosProduto')}"
			            	ajaxSingle="true"
			            	reRender="tabGeral"/>
			            <a:commandButton value="Próximo" action="#{cadastrarAluguel.mudarAba('tabDadosPagamento')}"
			            	reRender="tabGeral"/>
			        </div>
				</rich:tab>
				
				<rich:tab label="6. Dados do pagamento" id="tabDadosPagamento">
					<a:region id="regiaoValoresPagamento">
						<table width="100%" id="tabelaValoresPagamento">
							<tr bgcolor="gray" align="center">
								<td>
									<font color="white"><strong>Descritivo</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>Quantidade</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>Valor Unitário</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>Desconto</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>Total</strong></font>
								</td>
							</tr>
							
							<tr bgcolor="lightgray">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorKmExtra.tipoValorPagamento.nome} 1" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorKmExtra.quantidade}" 
										maxlength="4"
										size="6"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento(cadastrarAluguel.valorHoraExtra)}"
											reRender="kmExtraTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorKmExtra.valorUnitario}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento(cadastrarAluguel.valorHoraExtra)}"
											reRender="kmExtraTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorKmExtra.tipoDesconto == 2}" />
									<h:inputText value="#{cadastrarAluguel.valorKmExtra.desconto}" 
										maxlength="10"
										size="12"
										readonly="true" 
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorKmExtra)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorKmExtra.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorKmExtra.total}"
										id="kmExtraTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="#EEE9E9">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorHoraExtra.tipoValorPagamento.nome} 2" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorHoraExtra.quantidade}" 
										maxlength="4"
										size="6"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="horaExtraTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorHoraExtra.valorUnitario}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="horaExtraTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorHoraExtra.tipoDesconto == 2}" />
									<h:inputText value="#{cadastrarAluguel.valorHoraExtra.desconto}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorHoraExtra)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorHoraExtra.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorHoraExtra.total}"
										id="horaExtraTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="lightgray">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorDiarias.tipoValorPagamento.nome} 3" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorDiarias.quantidade}"
										id="qtdeDiarias" 
										maxlength="4"
										size="6"
										readonly="true"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="diariasTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorDiarias.valorUnitario}" 
											maxlength="10"
											id="valorUnitarioDiarias"
											size="12"
											readonly="true"
											onkeydown="Mascara(this,Valor)"
											onkeyup="Mascara(this,Valor)"
											converter="bigDecimalMascaraConverter"
											onblur="#{rich:component('carregando')}.show()">
											<a:support event="onblur" 
												action="#{cadastrarAluguel.atualizaValoresPagamento()}"
												reRender="diariasTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
												oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorDiarias.tipoDesconto == 2}" />
									<h:inputText value="#{cadastrarAluguel.valorDiarias.desconto}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorDiarias)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorDiarias.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorDiarias.total}"
										id="diariasTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="#EEE9E9">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorCombustivel.tipoValorPagamento.nome} 4" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorCombustivel.quantidade}" 
										maxlength="4"
										size="6"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="combustivelTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorCombustivel.valorUnitario}" 
										maxlength="10"
										size="12"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="combustivelTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorCombustivel.tipoDesconto == 2}" />
									<h:inputText value="#{cadastrarAluguel.valorCombustivel.desconto}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorCombustivel)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorCombustivel.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorCombustivel.total}"
										id="combustivelTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="lightgray">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorTaxaLimpeza.tipoValorPagamento.nome} 5" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorTaxaLimpeza.quantidade}" 
										maxlength="4"
										size="6"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaLimpezaTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorTaxaLimpeza.valorUnitario}" 
										maxlength="10"
										size="12"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaLimpezaTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorTaxaLimpeza.tipoDesconto == 2}" />
									<h:inputText value="#{cadastrarAluguel.valorTaxaLimpeza.desconto}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorTaxaLimpeza)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorTaxaLimpeza.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorTaxaLimpeza.total}"
										id="taxaLimpezaTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="#EEE9E9">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorTaxaServico.tipoValorPagamento.nome} 6" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorTaxaServico.quantidade}" 
										maxlength="4"
										size="6"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaServicoTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorTaxaServico.valorUnitario}" 
										maxlength="10"
										size="12"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaServicoTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									<h:outputText value="R$" rendered="#{cadastrarAluguel.valorTaxaServico.tipoDesconto == 2}" />
									 <h:inputText value="#{cadastrarAluguel.valorTaxaServico.desconto}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario">
										<a:queue requestDelay="1" ignoreDupResponses="true" />
										<a:support event="onfocus" 
											action="#{cadastrarAluguel.selecionarValorPagamento(cadastrarAluguel.valorTaxaServico)}"
											reRender="descontoForm"
											oncomplete="#{rich:component('modalDesconto')}.show()"/>
									</h:inputText>
									<h:outputText value="%" rendered="#{cadastrarAluguel.valorTaxaServico.tipoDesconto == 1}" />
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorTaxaServico.total}"
										id="taxaServicoTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="lightgray">
								<td>
									<h:outputText value="#{cadastrarAluguel.valorProdutos.tipoValorPagamento.nome} 7" />
								</td>
	
								<td>
									<h:inputText value="#{cadastrarAluguel.valorProdutos.quantidade}" 
										maxlength="4"
										size="6"
										readonly="true"
										onkeydown="Mascara(this,Integer)"
										onkeyup="Mascara(this,Integer)"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaProdutosTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
									
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorProdutos.valorUnitario}" 
										maxlength="10"
										size="12"
										readonly="true"
										onkeydown="Mascara(this,Valor)"
										onkeyup="Mascara(this,Valor)"
										converter="conversorMonetario"
										onblur="#{rich:component('carregando')}.show()">
										<a:support event="onblur" 
											action="#{cadastrarAluguel.atualizaValoresPagamento()}"
											reRender="taxaProdutosTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
											oncomplete="#{rich:component('carregando')}.hide()"/>
									</h:inputText>
								</td>
								
								<td>
									-
									<s:fragment rendered="false">
										R$ <h:inputText value="#{cadastrarAluguel.valorProdutos.desconto}" 
											maxlength="10"
											size="12"
											readonly="true"
											onkeydown="Mascara(this,Valor)"
											onkeyup="Mascara(this,Valor)"
											converter="conversorMonetario"
											onblur="#{rich:component('carregando')}.show()">
											<a:support event="onblur" 
												action="#{cadastrarAluguel.atualizaValoresPagamento()}"
												reRender="taxaProdutosTotal,totalQuantidade,totalDesconto,totalValorUnitario,totalTotal"
												oncomplete="#{rich:component('carregando')}.hide()"/>
										</h:inputText>
									</s:fragment>
								</td>
								
								<td>
									R$ <h:inputText value="#{cadastrarAluguel.valorProdutos.total}"
										id="taxaProdutosTotal" 
										readonly="true"
										size="12"
										converter="conversorMonetario">
									</h:inputText>
								</td>
							</tr>
							
							<tr bgcolor="gray" align="center">
								<td>
									<font color="white"><strong>
									<h:outputText value="#{cadastrarAluguel.valorTotal.tipoValorPagamento.nome} 7" 
										id="totalDescricao"/>
									</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>
									<h:outputText value="#{cadastrarAluguel.valorTotal.quantidade}" 
										id="totalQuantidade"/>
									</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>
									<h:outputText value="#{cadastrarAluguel.valorTotal.valorUnitario}" converter="conversorMonetario"
										id="totalValorUnitario"/>
									</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>
									<h:outputText value="#{cadastrarAluguel.valorTotal.desconto}" converter="conversorMonetario"
										id="totalDesconto"/>
									</strong></font>
								</td>
								
								<td>
									<font color="white"><strong>
									<h:outputText value="#{cadastrarAluguel.valorTotal.total}" converter="conversorMonetario"
										id="totalTotal"/>
									</strong></font>
								</td>
							</tr>
						</table>
					</a:region>
					
					<s:div>
							#{cadastrarAluguel.valorKmExtra.valorUnitario}
							#{cadastrarAluguel.valorKmExtra.total}
							#{cadastrarAluguel.valorHoraExtra.valorUnitario}
							#{cadastrarAluguel.valorHoraExtra.total}
							#{cadastrarAluguel.valorDiarias.valorUnitario}
							#{cadastrarAluguel.valorDiarias.total}
							#{cadastrarAluguel.valorCombustivel.valorUnitario}
							#{cadastrarAluguel.valorCombustivel.total}
							#{cadastrarAluguel.valorTaxaLimpeza.valorUnitario}
							#{cadastrarAluguel.valorTaxaLimpeza.total}
							#{cadastrarAluguel.valorTaxaServico.valorUnitario}
							#{cadastrarAluguel.valorTaxaServico.total}
							#{cadastrarAluguel.valorProdutos.valorUnitario}
							#{cadastrarAluguel.valorProdutos.desconto}
							#{cadastrarAluguel.valorProdutos.total}
					</s:div>
					
					<h:panelGrid columns="1">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Valor da caução:</ui:define>
							<h:inputText id="inVlrCaucaoInput" 
								value="#{cadastrarAluguel.aluguelEdicao.vlrCaucao}" 
								size="22"
								required="false"
								onkeydown="Mascara(this,Valor)"
								onkeyup="Mascara(this,Valor)"
								converter="bigDecimalMascaraConverter" 
								validator="bigDecimalValidatorMoeda"
								maxlength="8"/>
					<rich:jQuery selector="#inVlrCaucaoInput" 
						query="maskMoney({symbol:'R$',decimal:',',thousands:'.'})" 
						timing="immediate" />
						</s:decorate>
					
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Forma de pagamento:</ui:define>
							<h:selectOneMenu value="#{cadastrarAluguel.idFormaPagamento}"
								required="true">
								<f:selectItems value="#{cadastrarAluguel.listaFormasPagamento}"/>
							</h:selectOneMenu>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Número do cartão:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.numeroCartao}" 
								maxlength="16"
								size="22"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Código de Autorização:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.codAutorizacao}" 
								maxlength="4"
								size="15"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Validade do cartão (mm/aaaa):</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.validadeCartao}" 
								maxlength="7"
								size="10"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Titular do cartão:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.titularCartao}" 
								maxlength="100"
								size="90"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Banco:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.banco}" 
								maxlength="30"
								size="32"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Agência:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.agencia}" 
								maxlength="10"
								size="12"
								required="false"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Conta corrente:</ui:define>
							<h:inputText value="#{cadastrarAluguel.aluguelEdicao.contaCorrente}" 
								maxlength="20"
								size="22"
								required="false"/>
						</s:decorate>
					</h:panelGrid>
					<br/>
					<div class="actionButtons">
						<a:commandButton value="Voltar" action="#{cadastrarAluguel.mudarAba('tabDadosProduto')}"
			            	ajaxSingle="true"
			            	reRender="tabGeral"/>
			            <h:commandButton id="salvar" value="Salvar" action="#{cadastrarAluguel.salvar()}"
			            	onclick="javascript:if(!confirm('Tem certeza que deseja salvar?'))return false;"/>
			        </div>
				</rich:tab>
			</rich:tabPanel>
        </rich:panel>
		<div class="actionButtons">
            <h:commandButton id="cancel" value="Cancelar" action="#{cadastrarAluguel.cancelar()}"
            	immediate="true"/>
        </div>
        
        <s:fragment rendered="#{cadastrarAluguel.aluguelEdicao.idAluguel != null and cadastrarAluguel.listaHistoricosAluguel.size() > 0}">
        <fieldset>
        	<legend>Histórico de Solicitações de Desconto</legend>
        	<rich:dataTable id="tabelaHistoricos"
	        	 value="#{cadastrarAluguel.listaHistoricosAluguel}"
	        	 onRowMouseOver="this.style.backgroundColor='#6495ED'"
       			 onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
	        	 var="_hist">
	        	 
        	 	<rich:column>
        	 		<f:facet name="header">
        				<h:outputText value="Usuário Solicitante" />
        			</f:facet>
        			<h:outputText value="#{_hist.usuarioSolicitante.nome}" />
        		</rich:column>
        		<rich:column>
        			<f:facet name="header">
        				<h:outputText value="Usuário Solicitado" />
        			</f:facet>
        			<h:outputText value="#{_hist.usuarioSolicitado.nome}" />
        		</rich:column>
        		<rich:column>
        			<f:facet name="header">
        				<h:outputText value="Valor Solicitado (%)" />
        			</f:facet>
        			<h:outputText value="#{_hist.vlrDesconto}" converter="conversorMonetario"/>%
        		</rich:column>
        		<rich:column>
        			<f:facet name="header">
        				<h:outputText value="Data da Solicitação"/>
        			</f:facet>
        			<h:outputText value="#{_hist.dtaHistorico}">
        				<s:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
        			</h:outputText>
        		</rich:column>
        		<rich:column>
        			<f:facet name="header">
        				<h:outputText value="Status" />
        			</f:facet>
        			<h:outputText value="#{_hist.status}" />
        		</rich:column>
        		<rich:column style="text-align:center;">
        			<f:facet name="header">
        				<h:outputText value="Justificativa" />
        			</f:facet>
        			<h:panelGrid columns="2">
	        			<rich:panel style="border: none;">
		        			<h:graphicImage value="/img/search_f2.png">
		        			</h:graphicImage>
	        				<rich:toolTip followMouse="true" direction="top-right" showDelay="500" styleClass="tooltip">
					            <span>
					                <h:outputText value="#{_hist.justificativa}" style="width: 150px;"/>
					            </span>
					        </rich:toolTip>
	        			</rich:panel>
	        			<h:commandButton action="#{cadastrarAluguel.responderSolicitacaoDesconto(_hist)}" value="Responder"
	        				title="Responder"
	        				label="Responder"
	        				image="/img/restore_f2.png" rendered="#{!_hist.status.equals('DEFERIDO') and !_hist.status.equals('INDEFERIDO') and !_hist.status.equals('RESPONDIDO') and cadastrarAluguel.showColunaResponder(_hist)}"/>
        			</h:panelGrid>
        		</rich:column>
        	</rich:dataTable>
        </fieldset>
        </s:fragment>
    </h:form>
    
    <rich:modalPanel id="modalPesqAutomovel" height="450" width="800">
          	<f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Pesquisar Frota"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="modalPesqAutomovel" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>

		<h:form id="pesqFrotaForm">
			<a:region>
				<h:panelGrid columns="2">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Marca:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.marca}"
							maxlength="50"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Modelo:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.modelo}"
							maxlength="50"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Cor:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.cor}"
							maxlength="20"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Placa:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.placa}"
							maxlength="7"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Chassi:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.chassi}"
							maxlength="50"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Ano Fabricação:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.anoFabricacao}"
							maxlength="4"
							onkeydown="Mascara(this,Integer)"
							onkeyup="Mascara(this,Integer)"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Ano Modelo:</ui:define>
						<h:inputText value="#{cadastrarAluguel.automovelPesquisa.anoModelo}"
							maxlength="4"
							onkeydown="Mascara(this,Integer)"
							onkeyup="Mascara(this,Integer)"/>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<center>
					<a:commandButton value="PESQUISAR" action="#{cadastrarAluguel.pesquisaAutomoveis()}"
						reRender="pesqFrotaForm"/>
				</center>
				<br/><br/>
			</a:region>
			<rich:dataTable value="#{cadastrarAluguel.listaAutomoveis}"
				var="_aut"
				rows="5"
				onRowMouseOver="this.style.backgroundColor='#6495ED'"
       			onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
				id="tabelaAutomoveis">
				<rich:column>
					<f:facet name="header">Marca</f:facet>
					<h:outputText value="#{_aut.marca}"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Modelo</f:facet>
					<h:outputText value="#{_aut.modelo}"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Cor</f:facet>
					<h:outputText value="#{_aut.cor}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Placa</f:facet>
					<h:outputText value="#{_aut.placaFormatada}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Chassi</f:facet>
					<h:outputText value="#{_aut.chassi}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Ano Fabricação</f:facet>
					<h:outputText value="#{_aut.anoFabricacao}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Ano Modelo</f:facet>
					<h:outputText value="#{_aut.anoModelo}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"></f:facet>
					<h:outputText value="#{_aut.situacao}" rendered="#{_aut.situacao.equals('ALUGADO')}"/>
					<a:commandLink value="SELECIONAR"
						rendered="#{!_aut.situacao.equals('ALUGADO')}"
						action="#{cadastrarAluguel.selecionarAutomovel(_aut)}"
						onclick="#{rich:component('modalPesqAutomovel')}.hide()"
						reRender="aluguelForm"/>
				</rich:column>
			</rich:dataTable>
			<rich:datascroller for="tabelaAutomoveis" />
		</h:form>             
    </rich:modalPanel>

	<rich:modalPanel id="modalPesqCliente" height="450" width="600">
          	<f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Pesquisar Cliente"/>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink2"/>
                <rich:componentControl for="modalPesqCliente" attachTo="hidelink2" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>

		<h:form id="pesqClienteForm">
			<a:region>
				<h:panelGrid columns="2">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Nome:</ui:define>
						<h:inputText value="#{cadastrarAluguel.clientePesquisa.nome}"
							maxlength="80"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">CPF:</ui:define>
						<h:inputText value="#{cadastrarAluguel.clientePesquisa.cpf}"
							maxlength="14"
							onkeydown="Mascara(this,Cpf)"
							onkeyup="Mascara(this,Cpf)"
							converter="conversorCPF"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Passaporte:</ui:define>
						<h:inputText value="#{cadastrarAluguel.clientePesquisa.passaporte}"
							maxlength="20"
							onkeydown="Mascara(this,Integer)"
							onkeyup="Mascara(this,Integer)"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Número do cartão Gold:</ui:define>
						<h:inputText value="#{cadastrarAluguel.clientePesquisa.nroCartaoGold}"
							maxlength="30"
							onkeydown="Mascara(this,Integer)"
							onkeyup="Mascara(this,Integer)"/>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<center>
					<a:commandButton value="PESQUISAR" action="#{cadastrarAluguel.pesquisaClientes()}"
						reRender="pesqClienteForm"/>
				</center>
				<br/><br/>
			</a:region>
			<rich:dataTable value="#{cadastrarAluguel.listaClientes}"
				var="_cliente"
				rows="5"
				onRowMouseOver="this.style.backgroundColor='#6495ED'"
       			onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
				id="tabelaClientes">
				<rich:column>
					<f:facet name="header">Nome</f:facet>
					<h:outputText value="#{_cliente.nome}"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">CPF</f:facet>
					<h:outputText value="#{_cliente.cpf}" converter="conversorCPF"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Passaporte</f:facet>
					<h:outputText value="#{_cliente.passaporte}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Número do Cartão Gold</f:facet>
					<h:outputText value="#{_cliente.nroCartaoGold}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"></f:facet>
					<a:commandLink value="SELECIONAR"
						action="#{cadastrarAluguel.selecionarCliente(_cliente)}"
						onclick="#{rich:component('modalPesqCliente')}.hide()"
						reRender="aluguelForm"/>
				</rich:column>
			</rich:dataTable>
			<rich:datascroller for="tabelaClientes" />
		</h:form>             
       </rich:modalPanel>
       
       <rich:modalPanel id="modalProduto" height="350" width="600">
          	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Cadastrar Produto"/>
	            </h:panelGroup>
	        </f:facet>
	        <f:facet name="controls">
	            <h:panelGroup>
	                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink3"/>
	                <rich:componentControl for="modalProduto" attachTo="hidelink3" operation="hide" event="onclick"/>
	            </h:panelGroup>
	        </f:facet>
	
			<h:form id="novoProdutoForm">
				<h:panelGrid columns="2">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Produto:</ui:define>
						<h:selectOneMenu value="#{cadastrarAluguel.idProdutoSelecionado}"
							required="true"
							valueChangeListener="#{cadastrarAluguel.atualizaProdutoListener}">
							<f:selectItems value="#{cadastrarAluguel.produtos}"/>
								<a:support event="onchange" ajaxSingle="true" reRender="valorUnitarioProduto" />
							</h:selectOneMenu>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Valor Unitário:</ui:define>
						<h:outputText id="valorUnitarioProduto" value="#{cadastrarAluguel.produtoEdicao.produto.valor}" 
							converter="conversorMonetario"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Quantidade:</ui:define>
						<h:inputText value="#{cadastrarAluguel.produtoEdicao.quantidade}" 
							onkeypress="Mascara(this,Integer)"
							onkeyup="Mascara(this,Integer)"
							maxlength="2"
							size="4">
							<a:support event="onblur"
								action="#{cadastrarAluguel.atualizaTotalProduto()}"
								reRender="valorTotalProduto"/>
						</h:inputText>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Desconto:</ui:define>
						<h:inputText value="#{cadastrarAluguel.produtoEdicao.desconto}" 
							onkeypress="Mascara(this,Valor)"
							onkeyup="Mascara(this,Valor)"
							maxlength="10"
							converter="conversorMonetario"
							size="12">
							<a:support event="onblur"
								action="#{cadastrarAluguel.atualizaTotalProduto()}"
								reRender="valorTotalProduto"/>
						</h:inputText>
						<rich:spacer width="5px"/>
						<h:selectOneMenu value="#{cadastrarAluguel.produtoEdicao.tipoDesconto}">
							<f:selectItem itemLabel=" "/>
							<f:selectItem itemValue="1" itemLabel="%"/>
							<f:selectItem itemValue="2" itemLabel="R$"/>
							<a:support event="onchange"
								action="#{cadastrarAluguel.atualizaTotalProduto()}"
								reRender="valorTotalProduto"/>
						</h:selectOneMenu>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Valor Total:</ui:define>
						<h:inputText value="#{cadastrarAluguel.produtoEdicao.valorTotal}" 
							id="valorTotalProduto"
							converter="conversorMonetario"
							readonly="true"
							size="12"/>
					</s:decorate>
				</h:panelGrid>
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Observações:</ui:define>
						<h:inputTextarea value="#{cadastrarAluguel.produtoEdicao.observacao}" 
							cols="50"
							rows="5"/>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<div align="center">
					<h:commandButton value="Salvar"
						action="#{cadastrarAluguel.salvarNovoProduto()}"/>
				</div>	
			</h:form>
		</rich:modalPanel>
		
		<rich:modalPanel id="modalDesconto" height="180" width="310">
          	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Lançar Desconto"/>
	            </h:panelGroup>
	        </f:facet>
	        <f:facet name="controls">
	            <h:panelGroup>
	                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink4"/>
	                <rich:componentControl for="modalDesconto" attachTo="hidelink4" operation="hide" event="onclick"/>
	            </h:panelGroup>
	        </f:facet>
	
			<h:form id="descontoForm">
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Descritivo</ui:define>
						<h:outputText value="#{cadastrarAluguel.valorDesconto.tipoValorPagamento.nome}" />
					</s:decorate>
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Valor</ui:define>
						<h:inputText value="#{cadastrarAluguel.valorDesconto.desconto}" 
							maxlength="10"
							size="10"
							required="true"
							onkeydown="Mascara(this,Valor)"
							onkeyup="Mascara(this,Valor)"
							converter="bigDecimalMascaraConverter" 
							validator="bigDecimalValidatorMoeda"/>
						<rich:spacer width="5px"/>
						<h:selectOneMenu value="#{cadastrarAluguel.valorDesconto.tipoDesconto}"
							required="true">
							<f:selectItem itemLabel=" "/>
							<f:selectItem itemValue="1" itemLabel="%"/>
							<f:selectItem itemValue="2" itemLabel="R$"/>
						</h:selectOneMenu>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<div align="center">
					<h:commandButton action="#{cadastrarAluguel.lancarDesconto()}" value="Lançar" />
				</div>
			</h:form>
		</rich:modalPanel>	
		
		<rich:modalPanel id="modalConfirmacaoSolicitacao" height="100" width="200" top="15"
			 showWhenRendered="#{cadastrarAluguel.exibeModalConfirmacaoDesconto}">
	
			<h:form id="confirmaDescontoForm">
				<div align="center">
					Desejar solicitar um desconto?
					<br/>
					<h:commandButton action="#{cadastrarAluguel.exibirModalSolicitacaoDesconto(true)}" value="SIM">
					</h:commandButton>
					<h:commandButton action="#{cadastrarAluguel.exibirModalSolicitacaoDesconto(false)}" value="NÃO">
					</h:commandButton>
				</div>
			</h:form>
		</rich:modalPanel>
		
		<rich:modalPanel id="modalSolicitacaoDesconto" height="270" width="550"
			 showWhenRendered="#{cadastrarAluguel.exibeModalDesconto}">
          	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Solicitar Desconto"/>
	            </h:panelGroup>
	        </f:facet>
	
			<h:form id="lancasDescontoForm">
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Desconto solicitado:</ui:define>
						<h:inputText value="#{cadastrarAluguel.historicoEdicao.vlrDesconto}" 
							maxlength="5"
							required="true"
							onkeydown="Mascara(this,Valor)"
							onkeyup="Mascara(this,Valor)"
							converter="conversorMonetario"/>%
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Solicitar à:</ui:define>
						<h:selectOneMenu value="#{cadastrarAluguel.idUsuarioSelecionado}"
							required="true"
							style="width: 150px;">
							<f:selectItems value="#{cadastrarAluguel.listaUsuariosAutorizacao}"/>
						</h:selectOneMenu>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Justificativa:</ui:define>
						<h:inputTextarea value="#{cadastrarAluguel.historicoEdicao.justificativa}" 
							cols="50"
							rows="3">
							<f:validateLength maximum="300"/>
						</h:inputTextarea>
					</s:decorate>
				</h:panelGrid>
				<div align="center">
					<h:commandButton action="#{cadastrarAluguel.salvarSolicitacaoDesconto()}" value="Salvar" />
					<h:commandButton action="#{cadastrarAluguel.exibirModalSolicitacaoDesconto(false)}" value="Cancelar" immediate="true"/>
				</div>
			</h:form>
		</rich:modalPanel>
		
		<rich:modalPanel id="modalResponderDesconto" height="280" width="550"
			 showWhenRendered="#{cadastrarAluguel.exibeModalRespostaDesconto}">
          	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Responder Desconto"/>
	            </h:panelGroup>
	        </f:facet>
	
			<h:form id="responderDescontoForm">
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Desconto solicitado:</ui:define>
						<h:outputText value="#{cadastrarAluguel.historicoEdicao.vlrDesconto}" 
							converter="conversorMonetario"/>%
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Solicitado por:</ui:define>
						<h:outputText value="#{cadastrarAluguel.historicoEdicao.usuarioSolicitante.nome}"/>	
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Status:</ui:define>
						<h:selectOneMenu value="#{cadastrarAluguel.historicoEdicao.status}"
							required="true">
							<f:selectItem itemLabel="Selecione"/>
							<f:selectItem itemValue="DEFERIDO"/>
							<f:selectItem itemValue="INDEFERIDO"/>
						</h:selectOneMenu>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Justificativa:</ui:define>
						<h:inputTextarea value="#{cadastrarAluguel.historicoEdicao.justificativa}" 
							cols="50"
							rows="3">
							<f:validateLength maximum="300"/>
						</h:inputTextarea>
					</s:decorate>
				</h:panelGrid>
				<div align="center">
					<h:commandButton action="#{cadastrarAluguel.salvarResposta()}" value="Salvar" />
					<h:commandButton action="#{cadastrarAluguel.cancelarResposta()}" value="Cancelar" 
						immediate="true"/>
				</div>
			</h:form>
		</rich:modalPanel>
		
 </ui:define>
</ui:composition>
